.grid_1, .grid_2, .grid_3, .grid_4 {
    float:left;
    position:relative;
    margin-left:1%;
    margin-right:1%
}
.grid_1 {
    width:23%
}
.grid_2 {
    width:48%
}
.grid_3 {
    width:73%
}
.grid_4 {
    width:98.0%
}
audio, img, video {
    max-width:100%
}
@media only screen and (max-width:768px) {
    html {
        -webkit-text-size-adjust:none;
        -ms-text-size-adjust:none
    }
    .grid_1, .grid_2, .grid_3, .grid_4 {
        float:none;
        width:100%;
        margin:0 0 2.5em
    }
}
.clear {
    clear:both;
    display:block;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0
}
.clearfix:after {
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    width:0;
    height:0
}
.clearfix {
    display:inline-block
}
* html .clearfix {
    height:1%
}
.clearfix {
    display:block
}
